@import './other/reset';
@import './iconfont';
@import './Home/home';
@import './Classify/classify';
@import './Cart/cart';
@import './User/user';
@import './ClassifyGoods/classify-goods';
@import './GoodsDetail/detail';
@import './special/special';
@import './SpecialDetail/special-detail';
@import './Bargain/bargain';
@import './Gift/gift';
@import './Sigin/sigin';
@import './Login/login';
@import './Register/register';
@import './Purchase/purchase';
@import './Payment/payment';
@import './addAddress/add-address';
@import './userAddress/user-address';
@import './bargainInfo/bargain-info';
@import './error/error';
@import './Public/ItemHeader';
@import './Public/BargainItem';
@import './Public/recommendItem';
@import './Public/guess-like';
@import './Public/GoBack';
@import './Public/back-header';
@import './Public/messageLogo';
@import './Public/layer';
@import './Public/enter-leave';
@import './Public/loading';
@import './Plugins/message-box';
@import './Plugins/alert-box';
@import "./transition";
@import "./_function";
@import "./_variables";

html, body, #app {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #eee;
	position: relative;
	touch-action: none;
}

#app {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	& > main {
		flex: 1;
		overflow-y: auto;
		overflow-x: hidden;
		& > div {
			width: 100%;
			background: #fff;
		}
	}
	& > footer {
		height: pr(180);
		display: flex;
		justify-content: space-around;
		align-items: center;
		border-top: 1px solid $borderColor;
		background: #fff;
		position: relative;
		z-index: 999;
		a {
			display: flex;
			flex-direction: column;
			justify-content: center;
			text-align: center;
			color: $describeColor;
			text-decoration: none;
			position: relative;
		}
		.iconfont {
			font-size: pr(75);
		}
		p {
			margin-top: pr(15);
			font-size: pr(33);
		}
		.router-link-exact-active.router-link-active {
			color: $activeColor;
		}
	}
}
